// pages/playlist/playlist.js
const MAX_LIMIT = 15
const db = wx.cloud.database()
Page({
  /**
   * 页面的初始数据
   */
  data: {
    swiperList: [
      // {
      //   url: "http://p1.music.126.net/oeH9rlBAj3UNkhOmfog8Hw==/109951164169407335.jpg",
      // },
      // {
      //   url: "http://p1.music.126.net/xhWAaHI-SIYP8ZMzL9NOqg==/109951164167032995.jpg",
      // },
      // {
      //   url: "http://p1.music.126.net/Yo-FjrJTQ9clkDkuUCTtUg==/109951164169441928.jpg",
      // },
    ],

    playList: [],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getPlaylist()
    this._getSwiperList()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    this.setData({
      playList:[]
    })
    this.getPlaylist()
    this._getSwiperList()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    this.getPlaylist()
  },

  getPlaylist(){
    wx.showLoading({
      title: '加载中',
    })
    wx.cloud.callFunction({
      name:"music",
      data:{
        start:this.data.playList.length,
        count:MAX_LIMIT,
        $url:'playlist'
      }
    }).then(res => {
       //当数据请求完成后,隐藏消息提示框
       wx.hideLoading()
      if(res.result.data.length === 0){
        wx.showToast({
          title: '没有新的歌单喽!',
          icon:'none',
          duration: 1500
        })
      }
      this.setData({
        //当触发下拉触底函数时,我们应该在原有15条数据的基础上,再用concat拼接加载的数据
        playList:this.data.playList.concat(res.result.data)
      })
      //当数据请求完成后,停止下拉刷新的动作
      wx.stopPullDownRefresh()
     
    })
  },
  _getSwiperList(){
    db.collection('swiper').get().then(res => {
      this.setData({
        swiperList:res.data
      })
    })
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {},
});
